/* ZoomableImage 样式 */
.zoomable-image-container {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin: 0 auto;
}

.zoomable-image {
  transition: transform 0.2s ease;
  cursor: zoom-in;
  max-width: 100%;
  height: auto;
}


/* 移动设备样式优化 */
@media (max-width: 768px) {
  
  @keyframes fadeOut {
    0% { opacity: 1; }
    70% { opacity: 1; }
    100% { opacity: 0; }
  }
  
  /* 确保图片在移动设备上不会超出屏幕 */
  .zoomable-image {
    max-width: 100%;
    max-height: 80%;
    object-fit: contain;
  }
} 